<div class="container login-screen">
  <!--<div class="splash-loader">-->
    <!--<img class="splash-logo" src="../../../assets/images/mask.svg" alt="">-->
  <!--</div>-->
    <nz-card style="width:50%;position: absolute;top: 40%;left: 25%" [nzBordered]="false">
      <ng-template #body>
        <div nz-row style="margin-bottom: 30px">
          <h3 class="login-title">
            MyApp
          </h3>
        </div>
        <div nz-row style="margin-bottom: 20px">
          <div nz-col [nzSpan]="4" style="text-align: right">
            <span class="login-font">用户名 :</span>
          </div>
          <div nz-col [nzSpan]="20">
            <nz-input [nzPlaceHolder]="'请输入用户名'"></nz-input>
          </div>
        </div>
        <div nz-row style="margin-bottom: 20px">
          <div nz-col [nzSpan]="4" style="text-align: right">
            <span class="login-font">密码 :</span>
          </div>
          <div nz-col [nzSpan]="20">
            <nz-input nzType="password" [nzPlaceHolder]="'请输入密码'" type="password"></nz-input>
          </div>
        </div>
        <div nz-row style="margin-bottom: 20px">
          <div nz-col [nzSpan]="4">
          </div>
          <div nz-col [nzSpan]="20" style="text-align: left;">
            <label nz-checkbox>
              <span style="color: #ffffff">记住密码</span>
            </label>
          </div>
        </div>
        <div nz-row>
          <div nz-col [nzSpan]="4">
          </div>
          <div nz-col [nzSpan]="20" style="text-align: left">
            <button nz-button [nzType]="'primary'" (click)="login()"style="margin-right: 15px">
              <span>登陆</span>
            </button>
            <button nz-button [nzType]="'danger'">
              <span>忘记密码？</span>
            </button>
          </div>
        </div>
      </ng-template>
    </nz-card>
</div>
